.created-room-dialog {
    width: 80vw;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-bottom: 1.2rem solid #c14ec9;
    border-radius: 2.4rem;

    .title-box {
        position: relative;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
        font-size: 1.6rem;
        font-weight: bold;
        background: linear-gradient(to bottom, #d7befd 0, #ceadff 10%, #bc8eff 90%, #9d6de4 100%);
        color: #fff;
        border-radius: 2.4rem 2.4rem 0 0;
        .name{
            text-shadow: 0 2px 2px #8757cb;
            color: #f0e5ff;
        }
        .close-btn {
            position: absolute;
            width: 4rem;
            height: 4rem;
            right: -2rem;
            top: -2rem;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }

    .form-box {
        padding: 2rem;
        overflow-y: auto;

        .form-class {
            .form-item {

                .form-item-label {
                    width: 6rem;
                    height: 4rem;
                }
            }

            .form-btns {
                padding-left: 6rem;

                .btn-submit {
                    width: 15rem;
                    height: 5rem;
                    line-height: 3.6rem;
                    background: url(../images/home_btn_2.png);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
            }
        }
    }
}